<template>
	<view>
		<view>姓名<input type="text" v-model="appo.name"></view>
		<view>身份证<input type="text" v-model="appo.iden"></view>
		<view>手机号<input type="text" v-model="appo.phone"></view>
		<view class="uni-list-cell-db">
			<picker mode=region @change="bindPickerChange">
				<view class="uni-input">{{appo.address?appo.address:'选择城市'}}</view>
			</picker>
		</view>
		<view>详细地址<input type="text" v-model="appo.monte"></view>
		<view class="uni-list-cell-left">
			当前选择
		</view>
		<view class="uni-list-cell-db">
			<picker @change="bindPickersome" :range="array">
				
				<view class="uni-input">{{array[some]?array[some]:'请选择'}}</view>
			</picker>
		</view>
		<!-- <text>{formList.Hospital}}</text> -->
		<view class="site">
			<text>{{formList.address}}</text>
		</view>
		<view class="time">
			<text>{{formList.day}}</text>
			<text>{{formList.data}}</text>
			<text>{{formList.Have}}</text>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				some:'',
				  array: ['学生', '流浪汉', '无业游民', '摇滚明星'],
				formList: [],
				appo: {

					name: '',
					iden: '',
					phone: '',
					address: '',
					monte: ''
				},
			};
		},
		onLoad() {

			uni.request({
				url: "https://meituan.thexxdd.cn/api/newapptime",
				success: (res) => {
					this.formList = res.data.data[0]
					// console.log(this.appo, 'pppp');
				}
			})
		},
		methods: {
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.appo.address = e.detail.value.join(' ')
			},
			bindPickersome:function(e){
				// console.log(e,'000');
				this.some=e.detail.value
			}
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		height: 299rpx;
	}

	.uni-list-cell-db {
		height: 50px;
	}
</style>
